/* 全局样式（缩小基础间距） */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #f5f7fa;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 13px; /* 基础字体缩小 */
}

/* 控制台容器（缩小内边距） */
.medical-console {
  min-height: 100vh;
  padding: 12px;
}

/* 顶部导航栏（缩小高度、间距） */
.console-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e8e8e8;
}

.logo {
  display: flex;
  align-items: center;
  gap: 8px;
}

.logo-icon {
  font-size: 20px; /* 图标缩小 */
  color: #1890ff;
}

.logo h1 {
  font-size: 18px; /* 标题缩小 */
  font-weight: 600;
  color: #1890ff;
  margin: 0;
}

.header-right {
  display: flex;
  align-items: center;
  gap: 10px; /* 间距缩小 */
}

.search-input {
  width: 200px; /* 输入框宽度缩小 */
  border-radius: 6px;
}

.notification-icon {
  font-size: 18px; /* 通知图标缩小 */
  color: #666;
  cursor: pointer;
  transition: color 0.3s;
}

.notification-icon:hover {
  color: #1890ff;
}

.user-info {
  display: flex;
  align-items: center;
  gap: 6px; /* 间距缩小 */
  cursor: pointer;
}

.user-name {
  font-size: 14px; /* 用户名缩小 */
  color: #333;
  font-weight: 500;
}

/* 数据概览卡片（缩小间距、尺寸） */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px; /* 卡片间距缩小 */
  margin-bottom: 12px;
}

.stat-card {
  border-radius: 8px; /* 圆角缩小 */
  border: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); /* 阴影减弱 */
  transition: transform 0.3s, box-shadow 0.3s;
}

.stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.ant-card-head {
  padding: 8px 12px; /* 卡片头部内边距缩小 */
}

.ant-card-body {
  padding: 12px; /* 卡片内边距缩小 */
}

.stat-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px; /* 间距缩小 */
}

.stat-title {
  font-size: 12px; /* 标题缩小 */
  color: #666;
  font-weight: 500;
}

.stat-icon {
  width: 32px; /* 图标容器缩小 */
  height: 32px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px; /* 图标缩小 */
}

.stat-value {
  font-size: 20px; /* 数值缩小 */
  font-weight: 600;
}

.stat-trend {
  font-size: 11px; /* 趋势文字缩小 */
  margin-top: 4px;
}

/* 主要内容区（缩小间距） */
.content-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 10px; /* 列间距缩小 */
}

.left-column, .right-column {
  display: flex;
  flex-direction: column;
  gap: 10px; /* 卡片间距缩小 */
}

.content-card {
  border-radius: 8px;
  border: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

.ant-card-head-title {
  font-size: 14px; /* 卡片标题缩小 */
  font-weight: 600;
  color: #333;
}

/* 患者表格（缩小行高、内边距） */
.patient-table {
  border-radius: 6px;
}

.ant-table-tbody > tr > td {
  border-bottom: 1px solid #f5f5f5;
  padding: 8px; /* 单元格内边距缩小 */
}

.ant-table-thead > tr > th {
  padding: 8px; /* 表头内边距缩小 */
  font-size: 12px; /* 表头字体缩小 */
}

/* 待办任务（缩小尺寸） */
.todo-list {
  display: flex;
  flex-direction: column;
  gap: 8px; /* 间距缩小 */
}

.todo-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px; /* 内边距缩小 */
  background-color: #fafafa;
  border-radius: 6px;
}

.todo-left {
  display: flex;
  align-items: center;
  gap: 8px; /* 间距缩小 */
}

.todo-checkbox {
  width: 14px; /* 复选框缩小 */
  height: 14px;
  cursor: pointer;
}

.todo-title {
  font-size: 13px; /* 标题缩小 */
  color: #333;
  font-weight: 500;
}

.todo-time {
  font-size: 11px; /* 时间文字缩小 */
  color: #999;
  margin-top: 2px;
}

.todo-progress {
  width: 80px; /* 进度条宽度缩小 */
}

/* 快速操作按钮（缩小尺寸） */
.quick-actions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px; /* 按钮间距缩小 */
}

.action-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 70px; /* 按钮高度缩小 */
  border-radius: 6px;
  border: 1px solid #e8e8e8;
  background-color: #fff;
  transition: all 0.3s;
  color: #666;
  font-size: 12px; /* 按钮文字缩小 */
}

.action-btn:hover {
  background-color: #e6f7ff;
  border-color: #1890ff;
  color: #1890ff;
}

.action-btn .anticon {
  font-size: 18px; /* 按钮图标缩小 */
  margin-bottom: 4px;
}

/* 进度条区域（缩小尺寸） */
.progress-container {
  display: flex;
  flex-direction: column;
  gap: 6px; /* 间距缩小 */
}

.progress-item {
  display: flex;
  flex-direction: column;
  gap: 4px; /* 间距缩小 */
}

.progress-label {
  font-size: 12px; /* 标签缩小 */
  color: #666;
  display: flex;
  justify-content: space-between;
}

.progress-bar {
  width: 100%;
  height: 6px; /* 进度条高度缩小 */
  border-radius: 3px;
}

.progress-value {
  font-size: 11px; /* 数值缩小 */
  color: #333;
  font-weight: 500;
}

/* 通知列表（缩小尺寸） */
.notification-list {
  display: flex;
  flex-direction: column;
  gap: 8px; /* 间距缩小 */
}

.notification-item {
  display: flex;
  align-items: flex-start;
  gap: 6px; /* 间距缩小 */
  padding: 8px; /* 内边距缩小 */
  background-color: #fafafa;
  border-radius: 6px;
}

.notification-tag {
  font-size: 14px; /* 标签图标缩小 */
  color: #ff4d4f;
  margin-top: 1px;
}

.notification-tag.success {
  color: #52c41a;
}

.notification-tag.warning {
  color: #faad14;
}

.notification-content {
  font-size: 12px; /* 通知文字缩小 */
  color: #333;
  line-height: 1.4;
}

/* 响应式适配（同步缩小） */
@media (max-width: 1200px) {
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1024px) {
  .content-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .stats-grid {
    grid-template-columns: 1fr;
  }

  .header-right {
    gap: 8px;
  }

  .search-input {
    width: 150px;
  }

  .quick-actions {
    grid-template-columns: 1fr;
  }
}